<template>
    <div>
       <ul>
        <li v-for="(item,index) in fruits" :key="index">
            {{item.name}}
        </li>
       </ul> 
    </div>
</template>

<script>
export default {
    data(){
        return{
            fruits:[
                {
                    name:'Apple'
                },
                {
                    name:'Orange'
                },
                {
                    name:'banbana'
                }
            ]
        }
    }
}
</script>

<style>

</style>